<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="WebThemez">
    <link rel="shortcut icon" href="">
    <title>Home</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- FancyBox -->
	<link href="assets/css/fancybox/jquery.fancybox.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css"> 
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <script src="assets/js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body> 
          <div id="navbar-top">
      <nav class="navbar navbar-default navbar-static" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand nav-external" href="#home"><strong>车路仕</strong></a>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
              <li class="active">
                <a href="#home">主页</a>
              </li>
              <li>
                <a href="#services">服务</a>
              </li>
              <li>
                <a href="#work">工作</a>
              </li>
              <li>
                <a href="#clients">客户</a>
              </li>
              <li>
                <a href="#about">关于我们</a>
              </li>
              <li>
                <a href="#contact">联系我们</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
    <section id="home" class="page">
      <div class="container">
        <div class="content cover text-center">
       <!--   <div class="row">
            <div class="col-lg-12">
              <h1 class="animated hiding" data-animation="fadeInDown" data-delay="300">We Are Merlin</h1>
              <a class="btn btn-blue nav-external animated hiding" data-animation="fadeIn" data-delay="900" href="#services">Find more</a>
              <h3 class="animated hiding" data-animation="fadeIn" data-delay="600">We Have Made A Lot Of Friends.</h3>
            </div>
          </div>-->
          	<div class="banner-content">
			<div class="heroText">
                <h2><span> Car Zone </span><br>
                  <strong>One stop CAR solution</strong></h2>
              </div>
			</div>
        </div>
      </div>
    </section>

    <section id="services" class="page space">
      <div class="container text-center"> 
          <div class="heading">
            <h2>我们的服务</h2>
            
            
          </div>
         <div class="row services-list">
					<div class="col-sm-6 col-md-3 text-center service animated fadeInUp visible" data-animation="fadeInUp">
						<div class="service-icon"> 
                            <img src="assets/img/car-wash.jpg" alt=""/> 
						</div>
						<h4 class="color-white">洗车服务</h4>
						
					</div><!-- END COLUMN 3 -->
					<div class="col-sm-6 col-md-3 text-center service animated fadeInUp visible" data-animation="fadeInUp" data-animation-delay="200">
						<div class="service-icon">
							<img src="assets/img/car-service.jpg" alt=""/> 
						</div>
						<h4 class="color-white">整车检验</h4>
						
					</div><!-- END COLUMN 3 -->
					<div class="col-sm-6 col-md-3 text-center service animated fadeInUp visible" data-animation="fadeInUp" data-animation-delay="400">
						<div class="service-icon">
							<img src="assets/img/Car-painting.jpg" alt=""/> 
						</div>
						<h4 class="color-white">汽车改装</h4>
						
					</div><!-- END COLUMN 3 -->
					<div class="col-sm-6 col-md-3 text-center service animated fadeInUp visible" data-animation="fadeInUp" data-animation-delay="600">
						<div class="service-icon">
							<img src="assets/img/car-modi.jpg" alt=""/> 
						</div>
						<h4 class="color-white">新车二车手交易</h4>
						
					</div><!-- END COLUMN 3 -->
				</div>       
      </div>
    </section>
    <section id="work" class="page space">
      <div class="container text-center">
          <div class="heading">
            <h2>我们的工作</h2>
            
            <p>
                车路仕以锐意进取、开拓创新的企业精神，迈向汽车金融行业标杆企业的新里程

            </p>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div id="portfolio">
                <ul class="filters list-inline">
                  <li>
                    <a class="active" data-filter="*" href="#">全部</a>
                  </li>
                  <li>
                    <a data-filter=".photography" href="#">洗车</a>
                  </li>
                  <li>
                    <a data-filter=".branding" href="#"> 改装</a>
                  </li>
                  <li>
                    <a data-filter=".web" href="#">新车/二手车</a>
                  </li>
                </ul>
                <ul class="items list-unstyled clearfix animated hiding" data-animation="fadeInRight">
                  <li class="item branding">
                     <a href="assets/img/work/1.jpg" class="fancybox">
                      <img src="assets/img/work/1.jpg" alt="">
                      <div class="overlay">
                        <span>Etiam porta</span>
                      </div>
                    </a>
                  </li>
                  <li class="item photography">
                     <a href="assets/img/work/2.jpg" class="fancybox">
                      <img src="assets/img/work/2.jpg" alt="">
                      <div class="overlay">
                        <span>Lorem ipsum</span>
                      </div>
                    </a>
                  </li>
                  <li class="item branding">
                     <a href="assets/img/work/3.jpg" class="fancybox">
                      <img src="assets/img/work/3.jpg" alt="">
                      <div class="overlay">
                        <span>Vivamus quis</span>
                      </div>
                    </a>
                  </li>
                  <li class="item photography">
                     <a href="assets/img/work/4.jpg" class="fancybox">
                      <img src="assets/img/work/4.jpg" alt="">
                      <div class="overlay">
                        <span>Donec ac tellus</span>
                      </div>
                    </a>
                  </li>
                  <li class="item photography">
                     <a href="assets/img/work/5.jpg" class="fancybox">
                      <img src="assets/img/work/5.jpg" alt="">
                      <div class="overlay">
                        <span>Etiam volutpat</span>
                      </div>
                    </a>
                  </li>
                  <li class="item web">
                     <a href="assets/img/work/6.jpg" class="fancybox">
                      <img src="assets/img/work/6.jpg" alt="">
                      <div class="overlay">
                        <span>Donec congue </span>
                      </div>
                    </a>
                  </li>
                  <li class="item photography">
                     <a href="assets/img/work/7.jpg" class="fancybox">
                      <img src="assets/img/work/7.jpg" alt="">
                      <div class="overlay">
                        <span>Nullam a ullamcorper diam</span>
                      </div>
                    </a>
                  </li>
                  <li class="item web">
                    <a href="assets/img/work/8.jpg" class="fancybox">
                      <img src="assets/img/work/8.jpg" alt="">
                      <div class="overlay">
                        <span>Etiam consequat</span>
                      </div> 
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>       
      </div>
    </section>
    
    <section id="clients" class="page space">
      <div class="container text-center"> 
          <div class="row">
            <div class="col-lg-12 animated hiding" data-animation="fadeInDown">
              <div id="testimonials" class="carousel slide">
                <ol class="carousel-indicators">
                  <li data-target="#testimonials" data-slide-to="0" class="active"></li>
                  <li data-target="#testimonials" data-slide-to="1" class=""></li>
                  <li data-target="#testimonials" data-slide-to="2" class=""></li>
                  <li data-target="#testimonials" data-slide-to="3" class=""></li>
                </ol>
                <div class="carousel-inner">
                  <div class="item active">
                    <p class="quote">
                        车路仕以锐意进取、开拓创新的企业精神，迈向汽车金融行业标杆企业的新里程
                    </p>
                    <p class="client">资深检验员</p>
                  </div>
                  <div class="item">
                    <p class="quote">
                      客户满意才是我们真正的满意!
                    </p>
                    <p class="client">洗车学徒</p>
                  </div>
                  <div class="item">
                    <p class="quote">Curabitur in nulla et lorem varius convallis. Morbi bibendum purus at leo laoreet, vel ultricies orci viverra. Duis quis accumsan urna. Nulla faucibus mauris elit, vitae tristique nisi sollicitudin ut.</p>
                    <p class="client">Gandalf Kadir / Web Designer</p>
                  </div>
                  <div class="item">
                    <p class="quote">Nullam vel tempor quam, id dictum eros. Nam augue sem, aliquam ac mauris in, pharetra convallis quam. Nulla faucibus mauris elit, vitae tristique nisi sollicitudin ut. Vivamus pretium nisi semper sapien eleifend.</p>
                    <p class="client">Homeros Yehudi / QA Engineer</p>
                  </div>
                </div>
                <a class="left carousel-control" data-slide="prev" href="#testimonials">&lsaquo;</a>
                <a class="right carousel-control" data-slide="next" href="#testimonials">&rsaquo;</a>
              </div>
            </div>
          </div>      
      </div>
    </section>
    <section id="about" class="page space">
      <div class="container text-center"> 
          <div class="heading">
            <h2>我们的员工</h2>
            
           
          </div>
          <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12 teammate" data-animation="fadeInLeft" data-delay="600">
              <div class="profile-photo">
                <img class="img-responsive" src="assets/img/team/1.jpg" alt="">
              </div>
              <div class="bio">
                <h4>John Doe</h4>
                <h5>资深机械师</h5>
                 
                <ul class="list-inline">
                  <li>
                    <a href="#" title="Facebook">
                      <i class="fa fa-facebook"></i>
                    </a>
                  </li>
                  <li>
                    <a href="#" title="Twitter">
                      <i class="fa fa-twitter"></i>
                    </a>
                  </li>
                  <li>
                    <a href="#" title="LinkedIn">
                      <i class="fa fa-linkedin"></i>
                    </a>
                  </li>
                  <li>
                    <a href="http://www.github.com" title="GitHub">
                      <i class="fa fa-github"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 teammate animated hiding" data-animation="fadeInUp" data-delay="300">
              <div class="profile-photo">
                <img class="img-responsive" src="assets/img/team/2.jpg" alt="">
              </div>
              <div class="bio">
                <h4>Clarinda Gratia</h4>
                <h5>改装专家</h5>
                 
                <ul class="list-inline">
                  <li>
                    <a href="http://www.dribbble.com" title="Dribbble">
                      <i class="fa fa-dribbble"></i>
                    </a>
                  </li>
                  <li>
                    <a href="http://www.pinterest.com" title="Pinterest">
                      <i class="fa fa-pinterest"></i>
                    </a>
                  </li>
                  <li>
                    <a href="http://www.instagram.com" title="Instagram">
                      <i class="fa fa-instagram"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 teammate animated hiding" data-animation="fadeInUp" data-delay="300">
              <div class="profile-photo">
                <img class="img-responsive" src="assets/img/team/3.jpg" alt="">
              </div>
              <div class="bio">
                <h4>Mandeep Eimear</h4>
                <h5>动力调校师</h5>
                 
                <ul class="list-inline">
                  <li>
                    <a href="#" title="Twitter">
                      <i class="fa fa-twitter"></i>
                    </a>
                  </li>
                  <li>
                    <a href="http://developer.android.com/index.html" title="Android Developers">
                      <i class="fa fa-android"></i>
                    </a>
                  </li>
                  <li>
                    <a href="http://www.stackoverflow.com" title="Stack Overflow">
                      <i class="fa fa-stack-overflow"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12 teammate animated hiding" data-animation="fadeInRight" data-delay="600">
              <div class="profile-photo">
                <img class="img-responsive" src="assets/img/team/4.jpg" alt="">
              </div>
              <div class="bio">
                <h4>Wigstan Fergus</h4>
                <h5>美女销售</h5>
                 
                <ul class="list-inline">
                  <li>
                    <a href="#" title="Google+">
                      <i class="fa fa-google-plus"></i>
                    </a>
                  </li>
                  <li>
                    <a href="http://www.trello.com" title="Trello">
                      <i class="fa fa-trello"></i>
                    </a>
                  </li>
                  <li>
                    <a href="mailto:john.doe@mail.com" title="Email">
                      <i class="fa fa-envelope"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>        
      </div>
      <div class="twitter text-center">
        <div class="animated hiding" data-animation="fadeIn">
          <i class="fa fa-twitter fa-3x"></i>
          <div id="feed"></div>
        </div>
      </div>
    </section> 
    <section id="priceTable" class="page space">
    	 <div class="container text-center"> 
         <div class="heading">
            <h2>我们的工作量</h2>
            
            
          </div> 
         	<div class="row"> 
            <div class="col-sm-3">
              <div class="panel panel-default text-center">
                <div class="panel-heading">
                  <h3>汽车检验</h3>
                </div>              
                <ul class="list-group">
                  <li class="list-group-item">5 项外表检查</li>
                  <li class="list-group-item">8 项动力检查</li>
                  <li class="list-group-item">29 项全国外观</li>
                  <li class="list-group-item">10 项刹车</li>
                  <li class="list-group-item">安全检验</li>
                  <li class="list-group-item"><a class="btn btn-default">马上申请检验</a></li>
                </ul>
              </div>          
            </div>
            <div class="col-sm-3">
              <div class="panel panel-default text-center">
                <div class="panel-heading">
                  <h3>汽车改装</h3>
                </div>            
                <ul class="list-group">
                  <li class="list-group-item">动力升级</li>
                  <li class="list-group-item">炫酷外表</li>
                  <li class="list-group-item">刹车校准</li>
                  <li class="list-group-item">减震改装</li>
                  <li class="list-group-item">排气改装</li>
                  <li class="list-group-item"><a class="btn btn-default">马上申请改装</a></li>
                </ul>
              </div>          
            </div>
            <div class="col-sm-3">
              <div class="panel panel-danger text-center">
                <div class="panel-heading">
                  <h3>二手车交易</h3>
                </div>             
                <ul class="list-group">
                  <li class="list-group-item">专业评估</li>
                  <li class="list-group-item">自动过户</li>
                  <li class="list-group-item">绝无中间差价</li>
                  <li class="list-group-item">保质保量</li>
                  <li class="list-group-item">售后服务</li>
                  <li class="list-group-item"><a class="btn btn-primary">马上申请</a></li>
                </ul>
              </div>          
            </div>
            <div class="col-sm-3">
              <div class="panel panel-default text-center">
                <div class="panel-heading">
                  <h3>消费金额</h3>
                </div>                
                <ul class="list-group">
                  <li class="list-group-item">以租代购</li>
                  <li class="list-group-item">整车销售</li>
                  <li class="list-group-item">平行贸易</li>
                  <li class="list-group-item">汽车美容</li>
                  <li class="list-group-item">二手交易</li>
                  <li class="list-group-item"><a class="btn btn-default">马上开始</a></li>
                </ul>
              </div>          
            </div>
     
          </div>
         </div>      
    </section>
    <section id="contact" class="content-section form contact light space">
    	<div class="container">
        	  <div class="content cover text-center">
              <div class="heading">
                <h2>车路仕</h2>
                
                <p>惠州车路仕汽车租赁有限公司成立于2016年，注册资金100万人民币，总部坐落于广东惠州，业务版图布局整个广东省。 <br/><br/></p>
              </div>
               <div class="row"> 
             
                <div class="col-md-offset-2 col-md-8 anim fadeInLeft animated" style="visibility: visible;"> 
						<!--NOTE: Update your email Id in "contact_me.php" file in order to receive emails from your contact form-->
		<form name="sentMessage" id="contactForm"  novalidate>
		<h3>联系我们</h3>
		<div class="control-group">
		<div class="controls">
		<input type="text" class="form-control" 
		placeholder="Full Name" id="name" required
		data-validation-required-message="Please enter your name" />
		<p class="help-block"></p>
		</div>
		</div> 	
		<div class="control-group">
		<div class="controls">
		<input type="email" class="form-control" placeholder="Email" 
		id="email" required
		data-validation-required-message="Please enter your email" />
		</div>
		</div> 	

		<div class="control-group">
		<div class="controls">
		<textarea rows="10" cols="100" class="form-control" 
		placeholder="Message" id="message" required
		data-validation-required-message="Please enter your message" minlength="5" 
		data-validation-minlength-message="Min 5 characters" 
		maxlength="999" style="resize:none"></textarea>
		</div>
		</div> 		 
		<div id="success"> </div> <!-- For success/fail messages -->
		<button type="submit" class="btn btn-primary pull-right">Send</button><br />
		</form>
                </div> 
            </div>
            
    	</div><!-- .container -->
    	
        <span id="message_sent"><i class="fa-check fa"></i></span><!-- jQuery display of giant checkmark -->	
        
    </section>
    <footer id="footer">
      <div class="container"> 
        <div class="row">
          <div class="col-lg-12 animated hiding" data-animation="fadeInUp">
            <ul class="social list-inline ">
              <li>
                <a class="facebook" href="#" title="Facebook">
                  <i class="fa fa-facebook fa-2x"></i>
                </a>
              </li>
              <li>
                <a class="twitter" href="#" title="Twitter">
                  <i class="fa fa-twitter fa-2x"></i>
                </a>
              </li>
              <li>
                <a class="google-plus" href="#" title="Google+">
                  <i class="fa fa-google-plus fa-2x"></i>
                </a>
              </li>
              <li>
                <a class="dribbble" href="#" title="Dribbble">
                  <i class="fa fa-dribbble fa-2x"></i>
                </a>
              </li>
            </ul>
            <p class="copyright"> 
              Copyright &copy; 2018. 车路仕 All rights reserved.
            </p>
          </div>
        </div>
      </div>
    </footer>
    <script src="assets/js/modernizr-latest.js"></script>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/jquery.cslider.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
	<script src="assets/js/jquery.fancybox.pack.js"></script>  
	<script src="assets/js/jquery.fancybox-media.js"></script>  
    <script src="assets/js/imagesloaded.min.js"></script>
    <script src="assets/js/jquery.scrollTo.min.js"></script>
    <script src="assets/js/jquery.nav.min.js"></script>
    <script src="assets/js/jquery.appear.min.js"></script>
    <script src="assets/js/twitterFetcher.min.js"></script>
 <script src="contact/jqBootstrapValidation.js"></script>
 <script src="contact/contact_me.js"></script>
    <script src="assets/js/script.js"></script> 
	<script type="text/javascript">
    $(document).ready(function () {
		$('#da-slider').cslider({
			autoplay: true,
			bgincrement: 0
		});
    });
    </script>
  </body>
</html>